<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<style type="text/css">
ul.searchContent {
    display: block;
    height: 100px;
    overflow: hidden;
}
</style>
<form id="pagerForm" method="post" action="${pageContext.request.contextPath}/cardTock/list">
    <input type="hidden" name="pageNum" value="1" />  
    <input type="hidden" name="numPerPage" value="${collectionTO.pageSize}" />
    <input type="hidden" name="hqId" value="${searchCriteria.hqId}" />
    <input type="hidden" name="hqName" value="${searchCriteria.hqName}" />
    <input type="hidden" name="stationId" value="${searchCriteria.stationId}" />
    <input type="hidden" name="stationName" value="${searchCriteria.stationName}" />
    <input type="hidden" name="cardNo" value="${searchCriteria.cardNo}" />
    <input type="hidden" name="phyCardNo" value="${searchCriteria.phyCardNo}" />
   
</form>
<div class="pageHeader">
	<form onsubmit="return navTabSearch(this);" action="${pageContext.request.contextPath}/cardTock/list" method="post">
	<div class="searchBar">
		<ul class="searchContent">
			<li>
				<label>油站总部id</label>
				<input style="width:75px" type="text" name="hqId" value="${searchCriteria.hqId}" />
			</li>
			<li>
				<label>油站总部名</label>
				<input style="width:75px" type="text" name="hqName"  value="${searchCriteria.hqName}" />
			</li>
			<li>
				<label>油站站点id</label>
				<input style="width:75px" type="text" name="stationId" value="${searchCriteria.stationId}" />
			</li>
			<li>
				<label>油站站点名</label>
				<input style="width:75px" type="text" name="stationName" value="${searchCriteria.stationName}" />
			</li>
		</ul>
		<ul class="searchContent">
			<li>
				<label>逻辑卡号</label>
				<input style="width:75px" type="text" name="cardNo" value="${searchCriteria.cardNo}" />
			</li>
			<li>
				<label>物理卡号</label>
				<input style="width:75px" type="text" name="phyCardNo" value="${searchCriteria.phyCardNo}" />
			</li>
			<li>
				<label>卡类型</label>
				<input style="width:75px" type="text" name="cardType" value="${searchCriteria.cardType}" />
			</li>
		</ul>
		<div class="subBar">
			<ul>
				<li>
					<div class="buttonActive">
						<div class="buttonContent">
							<button type="submit">检索</button>
						</div>
					</div>
				</li>
				<!-- <li><a class="button" href="demo_page6.html" target="dialog" mask="true" title="查询框"><span>高级检索</span></a></li> -->
			</ul>
		</div>
	</div>
	</form>
</div>
<div class="pageContent">
	<div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<select class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value})">
	 			<option value="10" <c:if test="${collectionTO.pageSize==15}">selected</c:if>>10</option>
			</select>
			<span>条，共${totalCount}条</span>
		</div>
		<div class="pagination" targetType="navTab" totalCount="${totalCount}" numPerPage="${collectionTO.pageSize}" pageNumShown="10" currentPage="${collectionTO.pageNo}"></div>
	</div>
	<div class="panelBar" >
		<ul class="toolBar">
			<li class=""><a href="${pageContext.request.contextPath}/cardTock/toAllotHq" class="add" target="dialog" width="500" height="450"><span>卡片批量入库导入</span></a></li>
			<li class=""><a  class="edit" href="${pageContext.request.contextPath}/cardTock/toExportCard" target="dialog" width="500" height="450"><span>卡片批量分配总部导入</span></a></li>
			<li class=""><a class="icon" href="${pageContext.request.contextPath}/excelTemplate/batch_add_card.xls" ><span>卡片批量入库模板下载</span></a></li>
			<li class=""><a class="icon" href="${pageContext.request.contextPath}/excelTemplate/batch_allot_hq_card.xls" ><span>卡片批量分配总部模板下载</span></a></li>
			<li class=""><a title="实要导出这些记录吗?" targettype="navTab" target="dwzExport" href="${pageContext.request.contextPath}/chargeHistory/dataExport" class="icon"><span>导出EXCEL</span></a></li>
<!-- 			<li class=""><a warn="请选择一个用户" title="确定要删除吗？" target="ajaxTodo" href="demo/common/ajaxDone.html?uid={sid_user}" class="delete"><span>删除</span></a></li> -->
<!-- 			<li class=""><a warn="请选择一个用户" target="navTab" href="demo_page4.html?uid={sid_user}" class="edit"><span>修改</span></a></li> -->
<!-- 			<li class="line">line</li> -->
<!-- 			<li class=""><a href="javascript:$.printBox('data_table')" class="icon"><span>打印</span></a></li> -->
		</ul>
	</div>
	<div id="data_table">
		<table class="table" width="100%" layoutH="138">
			<thead>
				<tr>           
					<th width="80">油站总部id</th>
					<th width="80">油站总部名</th>
					<th width="80">油站站点id</th>
					<th width="80">油站站点名</th>
					<th width="80">逻辑卡号</th>
					<th width="80">物理卡号</th>
					<th width="80">校验码</th>
					<th width="80">卡类型</th>
					<th width="80">创建时间</th>
					<th width="80">是否使用</th>
					
				</tr>
			</thead>
			<tbody>
				<c:forEach items="${collectionTO.list}" var="bean" varStatus="status">
					<tr target="sid_user" rel="1">
						<td>${bean.hqId}</td>
						<td>${bean.hqName}</td>
						<td>${bean.stationId}</td>
						<td>${bean.stationName}</td>
						<td>${bean.cardNo}</td>
						<td>${bean.phyCardNo}</td>
						<td>${bean.verificationCode}</td>
						<td>${bean.cardType}</td>
						<td>
							<fmt:formatDate value="${bean.createdTime}" type="date" dateStyle="long" />
						</td>
						<td>
							<c:if test="${bean.isUsed =='1' }">使用</c:if>
							<c:if test="${bean.isUsed =='0' }">未使用</c:if>
						</td>
					</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>
	
</div>
